<template>
  <div>
    <div>企业微信列表</div>
    <div>
      <el-select v-model="selectedValue" placeholder="请选择" class="form-select">
        <el-option v-for="option in options" :key="option.value" :label="option.label" :value="option.value"></el-option>
      </el-select>
    </div>
  </div>

</template>

<script>
import  { getEnWechatAgentConfig } from '@/api/index'
// import  { getEnWechatConfig, getEnWechatAgentConfig } from '@/api/index'
export default {
  name: "WechatView",
  data() {
    return {
      wx_conf: {
        corpid: null,
        nonceStr: null,
        signature: null,
        timestamp: null
      },
      selectedValue: null,
      options: [
        { label: '电脑', value: 'computer' },
        { label: '手机', value: 'phone' },
        { label: '车', value: 'car' }
      ]
    };
  },
  mounted() {
    this.initializeJwxwork();
  },
  methods: {
    // 在 initializeJwxwork 方法中添加 wx.config 的配置
    initializeJwxwork() {
      const wx = window.wx;
      // 获取企业微信配置
    //   getEnWechatConfig()
    //       .then(response => {
    //
    //         // 使用 wx.config 配置微信
    //         wx.config({
    //           beta: true,  // 必须这样写，否则会有问题
    //           debug: false,  // 是否开启调试模式，可以在控制台输出日志信息
    //           appId: response.appId,
    //           timestamp: response.timestamp,
    //           nonceStr: response.nonceStr,
    //           signature: response.signaturee,
    //           jsApiList: ['checkJsApi', 'saveApprovalSelectedItems', 'getApprovalSelectedItems']
    //         });
    //
    //         // 微信配置成功后执行的逻辑
    //         wx.ready(() => {
    //           console.log('微信配置成功');
    //           this.$message.success('微信配置成功');
    //
    //           // 在微信配置成功后，进行接口检测
    //           wx.checkJsApi({
    //             jsApiList: ['openBluetoothAdapter'], // 需要检测的JS接口列表
    //             success: function(res) {
    //               // 在这里执行你的操作
    //               if (res.checkResult.openBluetoothAdapter) {
    //                 // 如果 chooseImage 接口可用
    //                 console.log("openBluetoothAdapter 可用");
    //                 // 执行其他操作...
    //               } else {
    //                 // 如果 chooseImage 接口不可用
    //                 console.log("openBluetoothAdapter 不可用");
    //                 // 执行其他操作...
    //               }
    //             }
    //           });
    //
    //           // 在这里可以调用其他 wx.xxx 方法
    //         });
    //
    //         // 微信配置失败后执行的逻辑
    //         // wx.error(err => {
    //         //   console.log('微信配置失败')
    //         //   this.$message.error(`微信配置失败: ${JSON.stringify(err)}`);
    //         // });
    //       })
    //       .catch(error => {
    //         console.log(error)
    //         this.$message.error(`获取配置信息出错${error}`);
    //       });
    // },
    getEnWechatAgentConfig()
    .then(response => {

      // 使用 wx.config 配置微信
      wx.agentConfig({
        corpid: response.corpid, // 必填，企业微信的corpid，必须与当前登录的企业一致
        agentid: response.agentid, // 必填，企业微信的应用id （e.g. 1000247）
        timestamp: response.timestamp, // 必填，生成签名的时间戳
        nonceStr: response.nonceStr, // 必填，生成签名的随机串
        signature: response.signature,// 必填，签名，见附录-JS-SDK使用权限签名算法
        jsApiList: ['selectExternalContact'], //必填，传入需要使用的接口名称
        success: function(res) {
          console.log(res)
          // 回调
        },
        fail: function(res) {
          if(res.errMsg.indexOf('function not exist') > -1){
            alert('版本过低请升级')
          }
        }
      });

      // 微信配置成功后执行的逻辑
      wx.ready(() => {
        console.log('微信配置成功');
        this.$message.success('微信配置成功');

        // 在微信配置成功后，进行接口检测
        wx.checkJsApi({
          jsApiList: ['openBluetoothAdapter'], // 需要检测的JS接口列表
          success: function(res) {
            // 在这里执行你的操作
            if (res.checkResult.openBluetoothAdapter) {
              // 如果 chooseImage 接口可用
              console.log("openBluetoothAdapter 可用");
              // 执行其他操作...
            } else {
              // 如果 chooseImage 接口不可用
              console.log("openBluetoothAdapter 不可用");
              // 执行其他操作...
            }
          }
        });

        // 在这里可以调用其他 wx.xxx 方法
      });

      // 微信配置失败后执行的逻辑
      // wx.error(err => {
      //   console.log('微信配置失败')
      //   this.$message.error(`微信配置失败: ${JSON.stringify(err)}`);
      // });
    })
        .catch(error => {
          console.log(error)
          this.$message.error(`获取配置信息出错${error}`);
        });
  },
  },
}
</script>

<style scoped>
/* 您的样式 */
</style>
